<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>公开课</title>
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
	<meta name="format-detection" content="telephone=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<script type="text/javascript">
		//手机适配
		var cssEl=document.createElement("style");
		document.documentElement.firstElementChild.appendChild(cssEl);
		function setPxPerRem(){
			var dpr=1;
			var pxPerRem=document.documentElement.clientWidth*dpr/10;
			if(pxPerRem>60){
				pxPerRem=60;
			}
			cssEl.innerHTML='html{font-size:'+pxPerRem+'px!important;}';
		}
		setPxPerRem();
		//手机适配结束
	</script>
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" type="text/css" href="css/public.css">
</head>
<body>

	<img src="images/public/banner.jpg" width="100%">
	<section class="section1">
		<h3 class="base-h3">会员专享 ，免费学习资源<br>育知同创手机微课堂</h3>
		<ul>
			<li>
				<h4>基础班<br>免费入学资格</h4>
				<img src="images/public/sec1-pic1.jpg">
				<p>0元入学大型公益计划正式启动，赠送价值4000元的基础班面授课程，一个月免费学，名额告急，先报先得！</p>
			</li>
			<li>
				<h4>教学总监<br>专场公开课</h4>
				<img src="images/public/sec1-pic2.jpg">
				<p>顶配超酷公开课系列来袭，纯公益纯免费技术干货课堂，各学科教学总监、人气讲亲授！注册报名，有限申请占座！</p>
			</li>
			<li>
				<h4>IT学习光盘<br>免费领</h4>
				<img src="images/public/sec1-pic3.jpg">
				<p>Android/HTML5<br>/iOS入门到精通必备光盘，含Mars大神最新HTML5教程，老罗Android第二季首发视频等！</p>
			</li>
		</ul>
	</section>
	<section class="section2">
		<h3 class="base-h3">填写申请表，免费体验！</h3>
		<form action="" id="p-form" onsubmit="return check();">
			<input type="text" placeholder="学员姓名" class="p-txt" id="userName">
			<div class="sec2-c">
				<span>学员性别</span>
				<label class="active"><input type="radio" name="gender" checked>男</label><label><input type="radio" name="gender">女</label>
				<select id="sel-age">
				  <option>学员年龄</option>
				  <option>20-25</option>
				  <option>25-30</option>
				  <option>30-35</option>
				</select>
			</div>
			<input type="text" placeholder="手机（此号码用于接收试读信息）" id="userTel" class="p-txt">
			<input type="text" placeholder="邮箱" class="p-txt" id="userEmail">
			<input type="submit" value="立即体验">
		</form>
	</section>
	<img src="images/public/sec3-pic.jpg" width="100%">
	<section class="section3">
		<a href="http://www15.53kf.com/webCompany.php?arg=10128219&amp;style=1"></a>
		<p>育知创办开始就以业内从未有过的严格标准要求自己
率先为小伙伴们打造出逼格满满的混合式开发课程
涵盖<strong>HTML5</strong>、<strong>Android</strong>和<strong>iOS</strong>三个主流的技术方向</p>
	</section>
	<section class="section4">
		<h3><span>五大课程优势</span></h3>
		<dl>
			<dt>1、业内首个敢于承诺指定名师授课</dt>
			<dd>截止2015年底行业内不足1年教学经验的新手讲师占比已超50%，因此选择好的培训机构，不是要看有没有大牛讲师，而是大牛讲师能否教你。育知在每个班级在开班前，都会将该班级的老师姓名，授课时长和擅长内容更新到官方网站，拒绝新手讲师，保证每个班级都是大牛级讲师授课，不满意，退全款！ </dd>
			<dt>2、游戏化的学习进程</dt>
			<dd>在整个学习过程当中，我们为大家精心设计了各种游戏元素，随着学习内容的深入，学员可以积累自己的经验值，不断的升级，获取成就，与同学PK技能等等，在不断提升自己技术能力的同时玩的开心； </dd>
			<dt>3、创新的学习工具</dt>
			<dd>育知为大家设计了各种各样的学习工具，包括编程技能训练系统，任务日志系统等等，帮助大家在不断的积累当中，获取学习的成就感，对抗学习过程当中的无聊与枯燥；</dd>
			<dt>4、课程体系不断的生长</dt>
			<dd>我们并不认为课程体系是一堆冷冰冰的文档，而是一个活物，育知同创的所有小伙伴们，协同我们的合作企业，用心的去体察目前行业对于各类技术的要求，不断的打磨和改进我们的课程体系，在每一个细节精益求精。这样说可能会比较的虚，我就给大家举一个例子，为了能够更加明确的体察初学者所遇到的学习困难。我们组织老师学习一门陌生的技术，并把学习的过程完整的录制下来，形成第一视角的学习视频，仔细的观察和分析，把学习一门新技术最有可能遇到的问题一个一个的总结出来，这样就可以在授课的过程当中提前帮助学员解决这些问题，提升学习效率。</dd>
			<dt>5、学员社群扩展人脉圈</dt>
			<dd>不管是在学习的过程当中的，还是已经就业的朋友，都可以加入到这个社群当中。我们会通过这个社群定时的举办各种活动，帮助大家拓宽获得信息和知识的渠道，增强自己在职场当中的竞争力！</dd>
		</dl>
		<a href="http://www15.53kf.com/webCompany.php?arg=10128219&amp;style=1" class="sec4-btn">全套视频教程免费相送，又不要钱，何不一试</a>
	</section>
	<p class="p-copy">
		Copyright 2016北京育知同创科技有限公司<br>
		京ICP备16004053号
	</p>

	<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
	<script type="text/javascript" src="js/yaoyiyao.js"></script>	
	<!--导航显示隐藏-->
	<script type="text/javascript">
		$(".h-list-btn").on("click",function(){
			$(".nav-list").slideToggle();
		});
	</script>
	<script type="text/javascript">
		$(".sec2-c label").each(function(index){
			$(this).on("click",function(){
				$(this).addClass("active").find("input[type='radio']").attr("checked","checked").end().siblings().removeClass("active").find("input[type='radio']").removeAttr("checked");
			});
		});


		function check(){

			if($("#userName").val()==""){
				alert("姓名选项不能为空");
				return false;
			}
			if($("#sel-age").val()=="学员年龄"){
				alert("请选择年龄选项");
				return false;
			}
			if($("#userTel").val()==""){
				alert("手机号码选项不能为空");
				return false;

			}else if(!(/^1\d{10}$/.test(arr[that][1].val()))){		
				alert("手机号码输入有误");
				return false;
			}
			if($("#userEmail").val()==""){
					alert("邮箱不能为空");
					return false;
				}else if(!(/.+@.+\.[a-zA-Z]{2,4}$/.test(arr[that][2].val()))){
					alert("邮箱输入有误");
					return false;
			}
			
		}
	</script>

	<script>
		(function() {
		  var _53code = document.createElement("script");
		  _53code.src = "//tb.53kf.com/code/code/10128219/1";
		  var s = document.getElementsByTagName("script")[0]; 
		  s.parentNode.insertBefore(_53code, s);
		})();
	</script>
</body>
</html>